<%@ page language="java" pageEncoding="UTF-8"%>
<%@include   file="header.jsp" %>
<br/>
<br/>
<br/>
<div class="kczx_son_divt  kczx_text01">

<%@include   file="kc_search.jsp" %>




<div class="kczx_son_div03"></div>

<div class="kczx_son_divbody"> 

<div class="kczx_son_divbodyt">
<div class="kczx_son_divbodytl">
<div class="kczx_son_divbodytl01">
<img src="${imgpath}/images/kczx_son/kczx_son_kc01.jpg"/ >
</div>
<div class="tab_divbodytm0401">

课程（15）&nbsp;&nbsp;课时（${courseAssistInfo.courseTimes}）&nbsp;&nbsp; 浏览（${courseAssistInfo.courseVisitNum}）&nbsp;&nbsp; 购买（${courseAssistInfo.coursePurchaseNum}）
</div>
</div>

<div class="kczx_son_divbodytm">
<div class="kczx_son_divbodytm01">
${courseDetail.courseTitle }
</div>

<div class="kczx_son_divbodytm02">
   <span style="font-weight:bold">简介：</span>
   ${courseDetail.courseDetail }
</div>

<div class="kczx_son_divbodytm0201">


<div id="main">
    <ul>
        <li>
          <a href="javascript:void(0);" style="color:#2884b3;">   
             >>详情
             <div>
                <dd><br/>
                                                        ${courseDetail.courseDetail }
                </dd>
             </div> 
          </a>
        </li>
      
    </ul>
</div>






</div>


<div class="kczx_son_divbodytm03">

<div class="kczx_son_divbodytm0301">
现&nbsp;&nbsp;价:<span class="kczx_son_text01">${courseDetail.courseOffPrice}</span>
<br/>
原&nbsp;&nbsp;价：<span style="text-decoration:line-through">${courseDetail.coursePrice}</span>
</div>


<div class="kczx_son_divbodytm0302">
<a href="#"><img src="${imgpath}/images/kczx_son/ljgm.png" ></a>
</div>

<div class="kczx_son_divbodytm0302">
<a href="#"><img src="${imgpath}/images/kczx_son/jrgkc.png" ></a>
</div>

</div>

<div class="kczx_son_divbodytm04">
  <div class="kczx_son_divbodytm0402">
    <div class="kszn_son_m0200" style="font-weight:0;">分享到：</div>
       <a href="#"><div class="kszn_son_m0201" style="top:8px;"> </div></a>
       <a href="#"><div class="kszn_son_m0202" style="top:8px;"> </div></a>
       <a href="#"><div class="kszn_son_m0203" style="top:8px;"> </div></a>
       <a href="#"><div class="kszn_son_m0204" style="top:8px;"> </div></a>
    </div>
</div>



</div>

<div class="zt_divbodytr">


<div id="movie1" style="display:block; ">
<table width="238" height="296px" cellpadding="0" >

<tr width="245px" height="20px" border-bottom="2px solid #578429">
<td  style="font-size:14px;font-weight:bold;" >&nbsp;&nbsp;&nbsp;讲&nbsp;&nbsp;&nbsp;师
</td>

<td  style="font-size:12px; text-align:right;" >
<input type="button" style="width:85px;color:#578429;background-color:#FFF;" onClick="javascript:divrefresh();" value="换一批" />
</td>
</tr>


<tr width="245px" height="2px" bgcolor="#578429"  >
<td  colspan="2" >
</td>
</tr>


<tr width="236px" height="60px">
<td width="100" height="60px">
<a href="#"><img src="${imgpath}/images/kczx_son/kczx_js01.jpg" ></a>
</td>
<td width="126" ><span class="retext05">胡家乐</span><br/><br/>
<a href="#"><img src="${imgpath}/images/kczx_son/takj.jpg" ></a></td>
</tr>

<tr width="236px" height="60px">
<td width="80" height="60px">
<a href="#"><img src="${imgpath}/images/kczx_son/kczx_js01.jpg" ></a>
</td>
<td width="146" ><span class="retext05">胡家乐</span><br/><br/>
<a href="#"><img src="${imgpath}/images/kczx_son/takj.jpg" ></a></td>
</tr>


<tr width="236px" height="60px">
<td width="80" height="60px">
<a href="#"><img src="${imgpath}/images/kczx_son/kczx_js01.jpg" ></a>
</td>
<td width="146" ><span class="retext05">胡家乐</span><br/><br/>
<a href="#"><img src="${imgpath}/images/kczx_son/takj.jpg" ></a></td>
</tr>
</table>

</div>


<div id="movie2" style="display:none; ">
<table width="238" height="296px" >

<tr width="245px" height="20px" border-bottom="2px solid #578429">
<td  style="font-size:14px;font-weight:bold;" >&nbsp;&nbsp;&nbsp;讲&nbsp;&nbsp;&nbsp;师
</td>

<td  style="font-size:12px; text-align:right;" >

<input type="button" style="width:85px;color:#578429;background-color:#FFF;" onClick="javascript:divrefresh();" value="换一批" />
</td>
</tr>

<tr width="245px" height="2px" bgcolor="#578429"  >
<td  colspan="2" >
</td>
</tr>


<tr width="236px" height="60px">
<td width="100" height="60px">
<a href="#"><img src="${imgpath}/images/kczx_son/kczx_js01.jpg" ></a>
</td>
<td width="126" ><span class="retext05">周美美</span><br/><br/>
<a href="#"><img src="${imgpath}/images/kczx_son/takj.jpg" ></a></td>
</tr>

<tr width="236px" height="60px">
<td width="80" height="60px">
<a href="#"><img src="${imgpath}/images/kczx_son/kczx_js01.jpg" ></a>
</td>
<td width="146" ><span class="retext05">周美美</span><br/><br/>
<a href="#"><img src="${imgpath}/images/kczx_son/takj.jpg" ></a></td>
</tr>


<tr width="236px" height="60px">
<td width="80" height="60px">
<a href="#"><img src="${imgpath}/images/kczx_son/kczx_js01.jpg" ></a>
</td>
<td width="146" ><span class="retext05">周美美</span><br/><br/>
<a href="#"><img src="${imgpath}/images/kczx_son/takj.jpg" ></a></td>
</tr>
</table>

</div>





<div id="movie3" style="display:none; ">
<table width="238" height="296px" >

<tr width="245px" height="20px" border-bottom="2px solid #578429">
<td  style="font-size:14px;font-weight:bold;" >&nbsp;&nbsp;&nbsp;讲&nbsp;&nbsp;&nbsp;师
</td>

<td  style="font-size:12px; text-align:right;" >

<input type="button" style="width:85px;color:#578429;background-color:#FFF;" onClick="javascript:divrefresh();" value="换一批" />

</td>
</tr>

<tr width="245px" height="2px" bgcolor="#578429"  >
<td  colspan="2" >
</td>
</tr>


<tr width="236px" height="60px">
<td width="100" height="60px">
<a href="#"><img src="${imgpath}/images/kczx_son/kczx_js01.jpg" ></a>
</td>
<td width="126" ><span class="retext05">全传升</span><br/><br/>
<a href="#"><img src="${imgpath}/images/kczx_son/takj.jpg" ></a></td>
</tr>

<tr width="236px" height="60px">
<td width="80" height="60px">
<a href="#"><img src="${imgpath}/images/kczx_son/kczx_js01.jpg" ></a>
</td>
<td width="146" ><span class="retext05">全传升</span><br/><br/>
<a href="#"><img src="${imgpath}/images/kczx_son/takj.jpg" ></a></td>
</tr>


<tr width="236px" height="60px">
<td width="80" height="60px">
<a href="#"><img src="${imgpath}/images/kczx_son/kczx_js01.jpg" ></a>
</td>
<td width="146" ><span class="retext05">全传升</span><br/><br/>
<a href="#"><img src="${imgpath}/images/kczx_son/takj.jpg" ></a></td>
</tr>
</table>

</div>


</div>

</div>


<div class="kczx_son_divbodytb">

<div class="kczx_son_divbodytbl">



<ul class="tabs">
  <a href="#" rel="external" onClick="litab(1,5);" >
		<li style="background-color:#159E6B;color:#FAFAFA;"  id="a1" onClick="litab(1,5);ajaxGetTabContent('keshilist','${courseDetail.courseId }')">课时列表</li>
  </a> 
  <a href="#" rel="external" onClick="litab(2,5);ajaxGetTabContent('notelist','${courseDetail.courseId }')" >
		<li id="a2">笔&nbsp;&nbsp;记</li>
  </a> 
  <a href="#" rel="external" onClick="litab(3,5);ajaxGetTabContent('commentlist','${courseDetail.courseId }')"  >
		<li id="a3">评&nbsp;&nbsp;论</li>
  </a> 
  <a href="#" rel="external" onClick="litab(4,5);ajaxGetTabContent('courseJieShao','${courseDetail.courseId }')"  >
		<li id="a4">课程介绍</li>
  </a> 
  <a href="#" rel="external" onClick="litab(5,5);ajaxGetTabContent('courseClassmatelist','${courseDetail.courseId }')" >
		<li  id="a5">同&nbsp;&nbsp;学</li>
  </a>
</ul>



<div id="tab1" class="tab">

  <c:forEach items="${topicCourseList}" var="topicCourse">
  <div class="tab_zt01">
     <div class="tab_zt0101"><br/><img src="http://182.92.157.212/cdrmimg/${topicCourse.coursePimg}?w=120&h=90"/></div>

     <div class="tab_zt0102">
     <br/>
     <table width="180px" height="150px">
       <tr width="178"><td  height="30px" style="font-size:16px;color:#e2681f;"> 社会心理学</td></tr>

      <tr><td height="30px"> 课时：${topicCourse.courseTimes}个</td></tr>

      <tr><td height="30px"> 学时：${topicCourse.studyTime}分钟</td></tr>
      <tr><td height="40px"><a href="#"><img src="${imgpath}/images/kczx_son/zt_ty.png"/></a></td></tr>

      <tr><td height="20px"></td></tr>

    </table>

   </div>

  <div class="tab_zt0103">

   <br/>
   <table width="240px" height="100">
     <tr width="236px" height="60px">
       <td width="80" height="60px"><a href="#"><img src="${imgpath}/images/kczx_son/kczx_js01.jpg" /></a></td>
       <td width="146" ><span class="retext05">http://182.92.157.212/cdrmimg/${topicCourse.userHimg}</span><br/><br/><a href="#"><img src="${imgpath}/images/kczx_son/takj.jpg" /></a></td>
    </tr>
  </table>

 </div>
 </div>
 </c:forEach>
 </div>
 
  
 
<div id="tab2" class="tab2">


</div>




<div id="tab3" class="tab3">

</div>




<div id="tab4" class="tab4" style="font-size:14px;">

</div>


<div id="tab5" class="tab5">


</div>



</div>

<div class="tab_divr"> 
  <div class=" home_textdiv01 home_text01">推荐课程</div>  
  <a href="#"><div class="home_textdiv02">更多</div></a>
  <div class="tab_divrt">
  <br/>
  
  <table style="width:230px;height:400px;">
  <tbody>

  <c:forEach items="${recommendCourse}" var="eitem" varStatus="status">
  
	  <tr style="height:80px;">
	  <td style="width:100px;height:75px;">
	  <span style="width:100px;height:75px;">
	             
	             <a href="${jspath}/course/getCourseInfo?courseId=${eitem.courseId}&channelInfo=${eitem.courseClass == '1'?"gkk":"kczx"}"><img src="${imgpath}/images/kczx_images/${eitem.coursePic}" ></a>
	            
	  </span>
	  </td>
	   <td  valign="top"><a href="${jspath}/course/getCourseInfo?courseId=${eitem.courseId}&channelInfo=${eitem.courseClass == '1'?"gkk":"kczx"}" target="_blank">${eitem.courseName}</a>
	     <div><span class="retext05">
	         <c:if test="${eitem.courseStudyNum!=null}">
               ${eitem.courseStudyNum}
             </c:if>
             <c:if test="${eitem.courseStudyNum==null}">
               0
             </c:if></span> 人学习</div>
	   </td>
	  </tr>
  
  </c:forEach>
  
    
  
  
  </tbody>
  
  </table>
  </div>
</div>




</div>



</div>


<%@include   file="footer.jsp" %>